<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册页</title>
    <link rel="stylesheet" href="./register.css">
    <link rel="stylesheet" href="../../assets/fonts/iconfont.css">
</head>

<body>
    <!-- 头部 -->
    <div class="headBg">
        <header class="header df jcsb aic wrap2">
            <h1><a href="#">
                    <p class="fbd">源码数据</p>
                </a>
            </h1>
            <!-- 右边登录 -->
            <div class="headRight df">
                <p class="haveUse  ">
                    已有源码账号，
                </p>
                <a class="dengLu  " href="../login/login.html">立即登录</a>
            </div>
        </header>
    </div>

    <!-- 注册框 -->
    <div class="registerBox wrap2">
        <div class="bgBox">
            <h2>欢迎注册</h2>
            <p class="freeUse">百款接口免费试用</p>
            <div class="send">
                <span class="iconfont icon-liwu"></span>
                注册即送300元大礼包
            </div>
            <div class="inputBox ">
                <input class="inp" type="text" placeholder="用户名（6~20位字母数字）">
                <span class="del iconfont icon-chacha"></span>
                <p class="tips">
                    <span class="tanHao iconfont icon-gantanhao"></span>
                    昵称需在6-12位字母数字间
                </p>
            </div>
            <div class="inputBox">
                <input class="inp" type="text" placeholder="请输入手机号码">
                <span class="del iconfont icon-chacha"></span>
                <p class="tips">
                    <span class="tanHao iconfont icon-gantanhao"></span>
                    请输入正确的手机号
                </p>
            </div>
            <div class="inputBox">
                <input class="inp" class="yanzhenma" type="text" placeholder="请输入手机短信验证码">
                <span class="del deldel iconfont icon-chacha"></span>
                <button>获取验证码</button>
                <p class="tips">
                    <span class="tanHao iconfont icon-gantanhao"></span>
                    请输入4位手机验证码
                </p>
            </div>
            <div class="inputBox">
                <input class="inp" type="text" placeholder="请输入6-12位密码">
                <span class="del iconfont icon-chacha"></span>
                <p class="tips">
                    <span class="tanHao iconfont icon-gantanhao"></span>
                    请输入6至12位的密码
                </p>
            </div>
            <p class="rr">
                <label class="read">
                    <input class="changeBtn" type="checkbox">
                    <span>
                        我已阅读并接受
                        <a href="#">《源码用户服务协议》</a>
                        <a href="#">《源码隐私政策》</a>
                    </span>
                </label>
            </p>
            <button class="now " disabled>立即注册</button>

        </div>

    </div>


    <script src="../../assets/js/swiper-bundle.min.js"></script>
    <script src="../../assets/js/fn.js"></script>
    <script src="./register.js"></script>
</body>

</html>